<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../style/base.css" />
    
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
    <link rel="stylesheet" href="../basestyle/bus-form1.css">
    <link rel="stylesheet" href="../basestyle/tubiao.css">
    <link rel="stylesheet" href="../style/xingzengkaoshi.css">
    <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
    
    
</div>


</head>

<body>
    <div class="container-fluid home">
        <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div>
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <img src="../images/6.jpg" alt="" />
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section>
            <nav>
                <ul class="tz-left-ul clearfix">
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">题目分类
                                    </spa>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                        <span>试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">试卷分类
                                    </spa>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">准考证
                                    </spa>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">签到表</span></li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">桌贴</span></li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">考试列表
                                    </spa>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">考试审批</span></li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">考试分析
                                    </spa>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#" class="tz-left-margin">角色权限
                                    </span>
                            </li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">短信设置</span></li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">安全设置</span></li>
                            <li data-id="12" data-href="#"><span data-id="13" data-href="#"
                                    class="tz-left-margin">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
        <main>
       <!-- 内容 -->

          <div class="row header hjbaise">
            <div class="col-md-12" id="top1"><strong id="kaowu">考试管理 / </strong> <strong>考试列表</strong> </div>
            <div class="col-md-12  h-ksgl"><strong id="hst">新增考试</strong></div>
          </div>
           <!-- 基本信息 -->
          <div id="hjbsdj">
          <div  class="clearfix"><div class="hjnt"></div> <strong  class="hjkxx2"> &nbsp;   基本信息</strong></div>
         
          <!-- 考试名称 -->
         <div id="hjjbxx">
          <form class="form-inline" style="margin-top: 10px; margin-left: 35px;padding-top: 20px;">
            <div class="form-group ">
            
              <p class="form-control-static">考试名称：</p>
            </div>
            <div class="form-group">
              <label for="inputPassword2" class="sr-only">Password</label>
              
              <input type="text" class="form-control" id="inputPassword2" placeholder="请输入考试名称">
            </div>
          </form>
             <!-- 考试时间： -->
            <form class="form-inline hjkssjian">
                <div class="form-group">
                 
                  <p class="form-control-static">考试时间：</p>
                </div>
                <div class="form-group">
                  <label for="inputPassword2" class="sr-only">Password</label>
                  <input type="text" class="form-control" id="inputPassword2" placeholder="请选择考试时间">
                </div>
                
              </form>
            
                 <!-- 答题时间： -->
                 <form class="form-inline hjkssjian" >
                  <div class="form-group">
                   
                    <p class="form-control-static">答题时间：</p>
                  </div>
                  <div class="form-group">
                    <label for="inputPassword2" class="sr-only">Password</label>
                    <input type="text" class="form-control" id="inputPassword2" placeholder="请输入">
                  </div>
                  
                </form>
          
          <!-- 参加限制： -->
          <form class="form-inline  hjcjxz" style="margin-top: 10px; margin-left: 35px;padding-top: 10px;">
            <div class="form-group">
             
              <p class="form-control-static">参加限制：</p>
            </div>
            <div class="form-group">
              <label for="inputPassword2" class="sr-only">Password</label>
              <button>考试开始</button>
              <input type="text" name="" id=""placeholder="请输入">
              <button>分钟后禁止参加考试</button>
            </div>
            
          </form>

          <!-- 交卷限制 -->
          <form class="form-inline  hjcjxz" style="margin-top: 10px; margin-left: 35px;padding-top: 10px;">
            <div class="form-group">
             
              <p class="form-control-static">交卷限制：</p>
            </div>
            <div class="form-group">
              <label for="inputPassword2" class="sr-only">Password</label>
              <button>开始考试</button>
              <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入">
              <button>分钟内不允许交卷</button>
            </div>  
           
          </form>
          <br>
          
          <!-- 考试说明 -->
         
          <form class="form-inline" >
            <div class="form-group" style="margin-left: 38px;">
            
              <p class="form-control-static" id="hjkssmm" style="margin-bottom: 175px;" >考试说明：</p>
            </div>
            <textarea class="form-control" rows="3" id="hjsrk"placeholder="请输入"></textarea>
          </form> 
           
          
            
              <!-- 试卷信息 -->
              <div  class="clearfix"><div class="hjnt"></div> <strong  class="hjkxx2"> &nbsp;   试卷信息</strong></div>
           <form class="form-inline" style="margin-top: 10px; margin-left: 35px;padding-top: 20px;">
            <div class="form-group ">
            
              <p class="form-control-static">考试名称：</p>
            </div>
            
            

            <div class="form-group">
              <label for="inputPassword2" class="sr-only">Password</label>
              <input type="text" class="form-control" id="inputPassword2" placeholder="请输入考试名称">
              
            </div>
           
            <div class="radio" style="margin-left: 50px;" >
                <p class="form-control-static">试题排序 ：</p>
                <div class="checkbox">
                    <label>
                      <input type="checkbox" value="">
                      固定排序
                    </label>
                  </div>
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" value="">
                      随机排序
                    </label>
                  </div>
              </div>
              
              <br>
              <div class="radio" style="margin-top: 20px;" >
                <p class="form-control-static">选项排序 ：</p>
                <div class="checkbox">
                    <label>
                      <input type="checkbox" value="">
                      固定排序
                    </label>
                  </div>
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" value="">
                      随机排序
                    </label>
                  </div>
              </div>
              <br>
            
              <!-- 及格分数  -->

              <div class="radio" style="margin-top: 20px; " >
                <p class="form-control-static">及格分数 ：</p>
                </div>
                <div class="form-group" style="margin-top: 20px;">
                    <label for="inputPassword2" class="sr-only">Password</label>
                    <input type="text" class="form-control" id="inputPassword2" placeholder="请输入分数">
                    <button  class="hjtj" style="width:100pxpx; height: 35px;">总分100分</button>
                    
                  </div>
              
            
          </form> 

           <!-- 考生信息 -->
          
           <div  class="clearfix"><div class="hjnt"></div> <strong  class="hjkxx2"> &nbsp;  考生信息</strong></div>
          <!-- 添加 导入 编辑 删除  -->
          <div id="hjbutt">
            <button  class="hjtj" data-toggle="modal" data-target="#editModa11">添加</button>
             <button class="hjbj" data-toggle="modal" data-target="#editModa1">编辑</button>
             <button class="hjsc"  id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">删除</button>
            </div>
    
        </div> 

         <!-- 考生信息 -->
         <div class="table-responsive" >
            
          <table class="table table-bordered table-width" style="margin-left: 50px;">
                <tr class="active">
                    <th id="th1"> <label>
                          
                        </label></th>
                    <th id="th1">序号</th>
                    <th id="th1">姓名</th>
                    <th id="th1">证件号</th>
                    <th id="th1">性别</th>
                    <th id="th1">联系电话</th>
                   
                </tr>
                <tr>
                    <td id="td1"><label>
                            <input type="checkbox">
                        </label></td>
                    <td id="td1">1</td>
                    <td id="td1">谭正旺</td>
                    <td id="td1">511381199612218139</td>
                    <td id="td1">男</td>
                    <td id="td1">13880567631</td>
                   
                </tr>

                <tr>
                    <td id="td1"><label>
                            <input type="checkbox">
                        </label></td>
                    <td id="td1">2</td>
                    <td id="td1">张领杰</td>
                    <td id="td1">511381199808129797</td>
                    <td id="td1">男</td>
                    <td id="td1">15528827228</td>
                   
                </tr>
                <tr>
                    <td id="td1"><label>
                            <input type="checkbox">
                        </label></td>
                    <td id="td1">3</td>
                    <td id="td1">罗婉瑜</td>
                    <td id="td1">511381199808129797</td>
                    <td id="td1">女</td>
                    <td id="td1">17358511516</td>
                   
                </tr>                 
               </table>         
        </div>
        <div id="hjbutn" class="clearfix" style="margin-bottom: 50px;">
          <button class="hjqx">取消</button>
           <button class="hjbc">保存</button>
          </div>  
      </div> 
      </main>
      </section> 

     <!-- 添加弹框 -->
      
 <div class="modal fade" id="editModa11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                      aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel"></h4>
          </div>
          <div class="modal-body">
              <form>
                  <div class="form-group">
                      <label for="exampleInputEmail1">序号</label>
                      <input type="text" class="edit-name form-control  hjxh11" id="hjxh" placeholder="请填写修改的序号">
                  </div>

                  <div class="form-group">
                      <label for="exampleInputEmail1">考试期次</label>
                      <input type="text" class="edit-name form-control  hjksqc" id="exampleInputEmail1" placeholder="请填写修改的考试期次">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试名称</label>
                      <input type="text" class="edit-age form-control hjksmc" id="exampleInputEmail1" placeholder="请填写修改的考试名称">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试时间</label>
                      <input type="text" class="edit-age form-control hjkssj" id="exampleInputEmail1" placeholder="请填写修改的考试时间">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试人数</label>
                      <input type="text" class="edit-age form-control  hjksrs " id="exampleInputEmail1" placeholder="请填写修改的考试人数">
                  </div>
              </form>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary  add-btr">保存</button>
          </div>
      </div>
  </div>
</div>

<!-- 编辑 -->
<div class="modal fade" id="editModa1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                      aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel"></h4>
          </div>
          <div class="modal-body">
              <form>
                  <div class="form-group">
                      <label for="exampleInputEmail1">序号</label>
                      <input type="text" class="edit-name form-control  hjxh11" id="hjxh" placeholder="请填写修改的序号">
                  </div>

                  <div class="form-group">
                      <label for="exampleInputEmail1">考试期次</label>
                      <input type="text" class="edit-name form-control  hjksqc" id="exampleInputEmail1" placeholder="请填写修改的考试期次">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试名称</label>
                      <input type="text" class="edit-age form-control hjksmc" id="exampleInputEmail1" placeholder="请填写修改的考试名称">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试时间</label>
                      <input type="text" class="edit-age form-control hjkssj" id="exampleInputEmail1" placeholder="请填写修改的考试时间">
                  </div>
                  <div class="form-group">
                      <label for="exampleInputEmail1">考试人数</label>
                      <input type="text" class="edit-age form-control  hjksrs " id="exampleInputEmail1" placeholder="请填写修改的考试人数">
                  </div>
              </form>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary  add-btr">保存</button>
          </div>
      </div>
  </div>
</div>

            <!-- 删除弹框 -->
            <div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-body">
                          您确定删除吗？
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" data-dismiss="modal" class="btn del-btn btn-primary del-btn">确定</button>
                      </div>
                  </div>
              </div>
          </div> 
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/xingzengkaoshi.js"></script>
    
    
  </body>
</html>